<template>
  <div class="container-item-detail-user">
    <el-form size="mini" label-width="80px" label-position="left">
      <el-form-item label="用户id">
        <span>{{ value.id }}</span>
      </el-form-item>
      <el-form-item label="头像">
        <!-- <el-image :src="value.avatar" /> -->
        <userAvatar style="width:80px;height:80px;border-radius: 50%" :uid="value.id" :src="value.avatar" fit="cover" />
      </el-form-item>
      <el-form-item label="昵称">
        <span>{{ value.nickname }}</span>
      </el-form-item>
      <el-form-item label="用户角色">
        {{ value.link_account_roles }}
      </el-form-item>
      <el-form-item label="注册时间">
        <span class="el-icon-date"> {{ new Date(value.created_at) | parseTime('{y}-{m}-{d}') }}</span>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  props: {
    value: {
      type: Object,
      default() {
        const obj = {};
        return obj;
      }
    }
  }
};
</script>
